<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/gwc.css">
</head>

<body>
    <div class="SITENAV">
        <section id="gwc_inner" class="SITENAV">
            <div id="gwc_quanxuan">
                <!-- 全选框 -->
                <ul>
                    <li style="width: 80px;">
                        <label for>
                            <input type="checkbox" name="全选" id value="全选" v-model="all_checked" @click="allClick()" />
                            <span>全选</span>
                        </label>
                    </li>
                    <li>
                        <span>商品</span>
                    </li>
                    <li>数量</li>
                    <li style="width: 100px;">单价</li>
                    <li style=" width: 80px">操作</li>
                    <li style="width: 80px;">总额</li>
                </ul>
            </div>
            <section id="shangping">
                <ul v-for="item in list" :key="item.index">
                    <li style="width: 100px;">
                        <label for>
                            <input type="checkbox" id="checked" v-model="item.checked" @click="check_one()"
                                ref="checked" />
                        </label>
                    </li>
                    <li style=" margin-left: -40px;">
                        <img src="./img/seckill.png" alt srcset />
                        <h3 class="Gwc_name">名字</h3>
                    </li>
                    <li>
                        <p>数量为<span class="Gwc_number">10</span></p>
                    </li>
                    <li style="
        width: 100px; 
    ">
                        <span class="Gwc_price">单价为:<span>100</span></span>
                    </li>
                    <li style="
        width: 80px;
    ">
              <button>删除</button>
                    </li>
                    <li style="
        width: 80px;
    ">
                        <p class="Gwc_zoe">总额为</p>
                    </li>
                </ul>
            </section>
        </section>
        <div id="jiesuan" class="SITENAV">
            <div id="jiesuanButton" type="button" v-on:click="$refs.modal.open()">
                <p id="jBtn">结算</p>
            </div>
            <p id="number">
            </p>
        </div>
    </div>
</body>

</html>